@charset "utf-8";
/* CSS Document */


.phone-menu-ico{
    font-size: 18px;
    padding: 12px;
    color: #fff;
    cursor: pointer;
    background:#3caf64;
    margin-top: 15px;
}

.phone-top-menu{
    display: none;
}
.phone-menu-show{
    position: fixed;
    width:220px;
    background: #3caf64;
    height:100%;
    z-index: 99999;
    right:-220px;
    top:0;
    transition:all .3s;
}
.phone-menu-hide{
    height:40px;
    text-align: right;
    margin:10px 20px 0 0;
    cursor: pointer;
}
.phone-menu-hide span{
    font-size: 20px;
    margin:10px 0 0 0;
    color: #eee;
}
.phone-menu-show li{
    height:40px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.phone-menu-show li a{
    display: block;
    line-height:40px;
    font-size: 14px;
    padding:0 0 0 40px;
    transition:all .3s;
    color: #eee;
}
.phone-menu-show li a:hover{
    padding:0 0 0 45px;
}
@media (max-width: 1199px) {
    .top-menu{
        display: none;
    }
    .phone-top-menu{
        display: block;
    }
    .top-tel_b{
        display: none;
    }
    .navbar{
        display: none;
    }
}
@media (max-width:992px){
    .header{
        height:60px;
    }
    .logo img{
        max-height: 40px;
    }
    .about-con .tit{
        padding:0;
    }
    .case-tit{
        margin:50px 0;
    }
    .case-wrap{
        padding:0 0 40px 0;
    }
    .table_form tbody tr{
        float: none;
        width:auto;
    }
    .table_form tbody tr.modal-footer td{
        float: none;
        text-align: left;
    }
    .iish-cm9{
        padding:30px 0;
    }
    #kefu{
        display: none;
    }
    .zoomPup{
        display: none!important;
    }
    .zoomWindow{
        display: none!important;
    }
    .inner-product-menu .tit a{
        display: block;
    }
    .ptb80{
        padding:40px 0;
    }
    .inner{
        padding:0 0 40px 0;
    }
    .inner-page-body p{
        padding:10px 0 0 0;
    }
    .ys-box{
        padding:20px 0;
    }
    .ys-box .col-sm-3{
        padding:60px 20px 0;
    }
    .ys-item i{
        font-size: 30px;
    }
    .ys-item h5{
        font-size: 16px;
        padding:20px 0 10px;
    }
    .ys-wrap_34{
        background-position: right top;
    }
    .ys-box_34{
        padding:30px 10px;
    }
    .product-wrap{
        padding: 20px 0;
    }
    .product-tit{
        padding:30px 0;
    }
    .mt50{
        margin-top:30px;
    }
    .contact-img{
        display: none;
    }
    .contact-tit{
        display: none;
    }
    .contact-wrap{
        padding: 30px 0;
    }
    .contact{
        padding:0 0 0 30px;
    }
    .news-box{
        padding:30px 0 0 0;
    }
    .phone_news_1{
        margin:0 0 20px 0;
    }
    .about-wrap{
        padding:0 0 30px;
    }
    .about-img>div{
        padding-top: 10px;
    }
    .ban1-con{
        padding:40px 0;
    }
    .tit-box1 h4{
        font-size: 30px;
    }
    .tit-menu{
        display: none;
    }
    .news-img{
        padding:0 0 20px 0;
    }
    .ban2-con{
        padding:70px 20px 0;
    }
    .ban4 .col-xs-4:nth-child(3) .ban4-item:after{
        display: none;
    }
}

@media (max-width:768px){
    .about-con .tit{
       padding: 0;
    }
    .top-bar{
        display: none;
    }
   .ban1-more{
       text-align: left;
       margin:10px 0 0 0;
   }
    .about-box{
        padding:50px 35px 0;
    }
    .contact-item p{
        font-size: 14px;
    }
    .contact-item h6{
        font-size: 26px;
    }
    .ys-box .col-xs-4{
        padding:0 10px;
    }
    .news-item .con p{
        height:66px;
        overflow: hidden;
    }
    .ban3{
        min-height: inherit;
    }
    .ban3-con{
        margin:50px 0;
    }
    #ufb-tel{
        display: block!important;
    }
    .product-con{
        margin-top:60px;
    }
}